// 默认样式
@import './modules/reset';
// 头部样式
@import './modules/header';
// 尾部样式
@import './modules/footer';
// 轮播图
.banner{
	width: 100%;
	height: 400px;
	background-color: #EFEFEF;
	.swiper-container{
		width: 990px;
		height: 400px;
		margin: 0 auto;
	}
}
//内容
.content{
	width: 100%;
	height: 460px;
	background-color: #F7F7F7;
	.type-area{
		width: 990px;
		height: 460px;
		margin: 0 auto;
		overflow: hidden;
		ul{
			width: 990px;
			height: 400px;
			margin: 0 auto;
			margin-top: 30px;
			display: flex;
			align-items: center;
			justify-content: space-around;
			flex-wrap:wrap;
			li{
				width: 200px;
				height: 180px;
				position: relative;
				overflow: hidden;
				a{
					color: white;
					&:hover .hide .bttn{
						top: 115px;
					}
					img{
						width: 100%;
						height: 100%;
					}
					.hide{
						height: 255px;
						width: 200px;
						position: absolute;
						top: 0;
						.bttn{
							width: 200px;
							background-color: rgba(0,0,0,0.6);
							height: 65px;
							position: absolute;
							bottom: 0;
							display: flex;
							justify-content: space-around;
							align-items: center;
							.nn{
								height: 60px;
								display: flex;
								flex-direction: column;
								justify-content: space-around;
								p{
									font-size: 14px;
								}
							}
							img{
								width: 35px;
								height: 35px;
							}
						}
					}
				}
			}
		}
	}
}
//描述
.introduce{
	width: 100%;
	height: 185px;
	ul{
		width: 1000px;
		height: 143px;
		margin: 0 auto;
		li{
			width: 220px;
			height: 143px;
			float: left;
			border-right: 1px solid #EFEFEF;
			margin: 20px 0;
			padding: 0 10px;
			&:nth-child(2) i{
				background: url(../imgs/footer_icon.jpg) no-repeat -70px 0;
			}
			&:nth-child(3) i{
				background: url(../imgs/footer_icon.jpg) no-repeat -140px 0;
			}
			&:nth-child(4) i{
				background: url(../imgs/footer_icon.jpg) no-repeat -205px 0;
			}
			&:nth-last-child(1){
				border: none;
			}
			i{
				display: inline-block;
				float: left;
				width: 65px;
				height: 65px;
				background: url(../imgs/footer_icon.jpg) no-repeat -5px 0;
			}
			h2{
				font-size: 16px;
				color: #999;
				float: left;
				line-height: 65px;
			}
			h3{
				width: 220px;
				float: left;
				font-size: 12px;
				color: #999;
				display: block;
				line-height: 26px;
			}
		}
	}
}